@extends('layout.master')

@section('content-header')
    <h1>Kipem</h1>
    <ol class="breadcrumb">
        <li><a href="/"><i class="fa fa-dashboard"></i> Dashboard</a></li>
        <li><a href="{{ URL::route('kipems.index') }}"><i class="fa fa-file"></i> Kipem</a></li>
        <li class="active"><i class="fa fa-file"></i> Perpanjangan</li>
    </ol>
@stop

@section('content')

<style type="text/css">
	.table-responsive h4 {
		margin: 30px 0 10px 0 !important;
		padding: 15px;
		background-color: #f4f4f4;
		border-left: 5px solid #ddd;
	}
	.table-responsive h4:first-child {
		margin: 0 0 10px 0 !important;
	}
	.table-responsive .form-group {
		margin: 0 0 10px 0 !important;
	}
	.table-responsive dd {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
		margin-left: 160px !important;
		border-bottom: #ddd solid 1px;
	}
	.dd-input {
		border-bottom: none !important;
	}
	.table-responsive dt {
		/*text-align: left !important;*/
		width: 140px;
	}
	.table-responsive .dd-button {
		margin-top: 25px !important;
		border-bottom: none;
	}
</style>

<div class="row">
    <div class="col-xs-12">
        <div class="box">
            <div class="box-body table-responsive">
            	{{ Form::model($kipem, array('route'=>array('kipems.editperpanjangan', $kipem->id), 'method'=>'PUT', 'class'=>'form-horizontal', 'role'=>'form')) }}
					<?php
						$kipem->ref_id == ''? $ref_id = $kipem->id : $ref_id = $kipem->ref_id;
					?>
					{{Form::hidden('user_id', Auth::user()->id)}}
					{{Form::hidden('lokasi_id', $kipem->lokasi_id)}}
					{{Form::hidden('nomor', $kipem->nomor)}}
					{{Form::hidden('no_ktp', $kipem->no_ktp)}}
					{{Form::hidden('nama', $kipem->nama)}}
					{{Form::hidden('keterangan', $kipem->keterangan)}}
					{{Form::hidden('jenis_kelamin', $kipem->jenis_kelamin)}}
					{{Form::hidden('golongan_darah', $kipem->golongan_darah)}}
					{{Form::hidden('tempat_lahir', $kipem->tempat_lahir)}}
					{{Form::hidden('tanggal_lahir', $kipem->tanggal_lahir)}}
					{{Form::hidden('agama_id', $kipem->agama_id)}}
					{{Form::hidden('pendidikan_id', $kipem->pendidikan_id)}}
					{{Form::hidden('jenis_pekerjaan_id', $kipem->jenis_pekerjaan_id)}}
					{{Form::hidden('jenis_pekerjaan_id', $kipem->jenis_pekerjaan_id)}}
					{{Form::hidden('status_penghasilan_id', $kipem->status_penghasilan_id)}}
					{{Form::hidden('status_kawin', $kipem->status_kawin)}}
					{{Form::hidden('alamat', $kipem->alamat)}}
					{{Form::hidden('alasan_tinggal', $kipem->alasan_tinggal)}}
					{{Form::hidden('provinsi_id', $kipem->provinsi_id, array('id'=>'provinsi_id'))}}
					{{Form::hidden('provinsi_nama', $kipem->provinsi->nama, array('id'=>'provinsi_nama'))}}
					{{Form::hidden('kabupaten_id', $kipem->kabupaten_id, array('id'=>'kabupaten_id'))}}
					{{Form::hidden('kecamatan_id', $kipem->kecamatan_id, array('id'=>'kecamatan_id'))}}
					{{Form::hidden('kelurahan_id', $kipem->kelurahan_id, array('id'=>'kelurahan_id'))}}
					{{Form::hidden('nama_jaminan_kerja', $kipem->nama_jaminan_kerja)}}
					{{Form::hidden('jabatan_jaminan_kerja', $kipem->jabatan_jaminan_kerja)}}
					{{Form::hidden('tempat_kerja', $kipem->tempat_kerja)}}
					{{Form::hidden('harga_kipem', null, array('id'=>'harga_kipem'))}}
					{{Form::hidden('is_perpanjangan', 1)}}
					{{Form::hidden('action', 2)}}
					{{Form::hidden('ref_id', $ref_id)}}
					{{Form::hidden('penduduk_id', $kipem->penduduk_id)}}

					<h4>Data Kipem</h4>
					<dl class="dl-horizontal">
						<dt class="form-group">No. Kipem</dt>
						<dd class="dd-input">
							{{ ($kipem->nomor) ? $kipem->nomor : '-' }}
						</dd>
						<dd class="dd-input">
							<div id="berlaku-info" class="callout callout-warning" style="margin:0px">
								Masa berlaku Kipem disesuaikan dengan peraturan provinsi alamat asal penduduk.
								<p id="berlaku-placer"></p>
							</div>
						</dd>
						
						<dt class="form-group">Tanggal Lapor</dt>
						<dd class="dd-input">
							{{Form::text('tanggal_lapor', null, array('class'=>'form-control', 'id'=>'tanggal_lapor', 'data-date-format'=>'yyyy-mm-dd', 'type'=>'text'))}}
						</dd>
						
						<dt class="form-group">Tanggal Berakhir</dt>
						<dd class="dd-input">
							{{Form::text('tanggal_akhir', null, array('class'=>'form-control', 'id'=>'tanggal_akhir', 'data-date-format'=>'yyyy-mm-dd', 'type'=>'text'))}}
						</dd>
	            	</dl>

					<h4>Data Penduduk</h4>
					<div class="row">
						<div class="col-xs-6">
			            	<dl class="dl-horizontal">
								<dt class="form-group">No. KTP</dt>
								<dd>{{ $kipem->no_ktp }}</dd>
								
								<dt class="form-group">Nama</dt>
								<dd>{{ $kipem->nama }}</dd>

								<dt class="form-group">Jenis kelamin</dt>
								<dd>{{ $kipem->jenis_kelamin == 'L'? 'Laki-laki' : 'Perempuan'; }}</dd>
								
								<dt class="form-group">Golongan darah</dt>
								<dd>{{ $kipem->golongan_darah }}</dd>
								
								<dt class="form-group">Tempat lahir</dt>
								<dd>{{ $kipem->tempat_lahir }}</dd>
								
								<dt class="form-group">Tanggal lahir</dt>
								<dd>{{ $kipem->tanggal_lahir }}</dd>
								
								<dt class="form-group">Agama</dt>
								<dd>{{ ($kipem->agama) ? $kipem->agama->nama : '-' }}</dd>
							</dl>
						</div>
						<div class="col-xs-6">
							<dl class="dl-horizontal">
								<dt class="form-group">Pendidikan</dt>
								<dd>{{ ($kipem->pendidikan) ? $kipem->pendidikan->nama : '-' }}</dd>
								
								<dt class="form-group">Status kawin</dt>
								<dd class="capitalize-text">{{ $kipem->status_kawin }}</dd>
								
								<dt class="form-group">Alamat asal</dt>
								<dd>{{ $kipem->alamat }}</dd>
								
								<dt class="form-group">Provinsi</dt>
								<dd>{{ ($kipem->provinsi) ? $kipem->provinsi->nama : '-' }}</dd>

								<dt class="form-group">Kabupaten</dt>
								<dd>{{ ($kipem->kabupaten) ? $kipem->kabupaten->nama : '-' }}</dd>

								<dt class="form-group">Kecamatan</dt>
								<dd>{{ ($kipem->kecamatan) ? $kipem->kecamatan->nama : '-' }}</dd>

								<dt class="form-group">Kelurahan</dt>
								<dd>{{ ($kipem->kelurahan) ? $kipem->kelurahan->nama : '-' }}</dd>
							</dl>
						</div>
					</div>
        			{{ HTML::decode(Form::button('<i class="fa fa-floppy-o"></i> Simpan', array('class'=>'btn btn-primary','type'=>'submit'))) }}
				{{ Form::close() }}
            </div><!-- /.box-body -->
        </div><!-- /.box -->
    </div>
</div>
@stop

@section('javascript')
<script type="text/javascript">
	var tempBerlakuDays = '';
	var tempBerlakuMili = '';
	var prov_param = $('#provinsi_id').val();
	var nama_tampil = $('#provinsi_nama').val();

	function convertms(lama, satuan){
		var ms = 0;
		if (satuan == 3) {
			ms = (365 * 86400000) * lama;
		}else if(satuan == 2){
			ms = (31 * 86400000) * lama;
		}else{
			ms = (lama * 86400000);
		};
		return(ms);
	}

    $(document).ready(function() {
        // -------------Detail lama berlaku kipem-------------------------
    	if (prov_param != '') {
	        $.ajax({
                url: '/lamakipem/',
                type: 'POST',
                dataType: 'json',
                data: {id: prov_param},
            })
            .done(function(data) {
            	if (data != '') {
            		var satuan_tampil = '';
                    $.each(data, function(index, val) {
	                	if (prov_param == val.provinsi_id) {
                        	if (val.satuan_prov == 3) {
                        		satuan_tampil = 'tahun';
                        	}else if(val.satuan_prov == 2){
                        		satuan_tampil = 'bulan';
                        	}else{
                        		satuan_tampil = 'hari';
                        	};
                        	$('#berlaku-placer').html('Lama berlaku Kipem : '+val.lama_prov+' '+satuan_tampil+'.<br>Harga per periode berlaku : Rp. '+val.harga_prov+'.');
                        	$('#harga_kipem').val(val.harga_prov);
                        	tempBerlakuMili = convertms(val.lama_prov, val.satuan_prov);
                    	}else{
                    		if (val.satuan_luar_prov == 3) {
                        		satuan_tampil = 'tahun';
                        	}else if(val.satuan_luar_prov == 2){
                        		satuan_tampil = 'bulan';
                        	}else{
                        		satuan_tampil = 'hari';
                        	};
                        	$('#berlaku-placer').html('Lama berlaku Kipem : '+val.lama_luar_prov+' '+satuan_tampil+'.<br>Harga per periode berlaku : Rp. '+val.harga_luar_prov+'.');
                        	$('#harga_kipem').val(val.harga_luar_prov);
                        	tempBerlakuMili = convertms(val.lama_luar_prov, val.satuan_luar_prov);
                    	};
                    });
            	};
            })
    	};

    	// -------------Datepicker lapor dan akhir kipem-------------------------
    	var nowTemp = new Date();
    	var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);

    	var checkin = $('#tanggal_lapor').datepicker({
    	}).on('changeDate', function(ev) {

    		if (tempBerlakuMili != '') {
    			checkout.setValue(ev.date.valueOf() + tempBerlakuMili);
    		}else{
    			checkout.setValue(ev.date.valueOf());
    		};

    		if (ev.date.valueOf() > checkout.date.valueOf()) {
    			var newDate = new Date(ev.date)
    			newDate.setDate(newDate.getDate());
    			checkout.setValue(newDate);
    		}
    		checkin.hide();
    		$('#tanggal_akhir')[0].focus();
    	}).data('datepicker');

    	var checkout = $('#tanggal_akhir').datepicker({
    		onRender: function(date) {
    			return date.valueOf() < checkin.date.valueOf() ? 'disabled' : '';
    		}
    	}).on('changeDate', function(ev) {
    		checkout.hide();
    	}).data('datepicker');
    });
</script>
@stop